<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../table/css/normalize.css" />
    <link rel="stylesheet" href="../table/css/jq22-demo.css">
    <link rel="stylesheet" href="../table/css/style.css">
    <link rel="stylesheet" href="../table/css/table.css">
    <link rel="stylesheet" href="../css/magnifier.css">
    <link rel="stylesheet" href="../css/xiangqing.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/denglu.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>

<body>
    <header>
        <main>
            <div class="div_top">
                <div class="logo">
                    <div class="lg1 ico">聚诚品</div>
                    <div class="lg2 ico">可以触摸的欢乐时光</div>
                </div>
                <div class="div_right">
                    <i class="iconfont">&#xe507;</i>
                    <input type="text" placeholder="请输入想要找的宝贝">
                    <ul>
                        <li>
                            <i class="iconfont">&#xe8c8;</i>
                            <a class="dlu" href="#">立即登录</a>
                        </li>
                        <div class="link-list">
                            <a href="javascript:;">
                                <i class="ico-comm i-order"></i>
                                <span class="rr">订单管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-addr"></i>
                                <span class="rr">地址管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-quan"></i>
                                <span class="rr">优惠卡券</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-collect"></i>
                                <span class="rr">我的收藏</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-subs"></i>
                                <span class="rr">订阅管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-lqcen"></i>
                                <span class="rr">领取中心</span>
                            </a>
                            <a href="javascript:;" class="quit-link" title="退出登录">
                                <i class="ico-comm i-quit"></i>
                                <span class="rr tc">退出登录</span>
                            </a>
                        </div>
                        <li>
                            <i class="iconfont">&#xe60f;</i>
                            <a class="gwc" href="#">购物车</a>
                            <span class="tol">0</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="div2">
                <img class="img1" src="../images/close.jpg" alt="">
                <p>帐号密码登录</p>
                <p class="pt">推荐使用 <a class="aq" href="#">手机QQ扫码登录</a> ，防止盗号。</p>
                <form action="../php/denglu.php">
                    <span>昵称：</span>
                    <br>
                    <input type="text" name="nickname" placeholder="昵称">
                    <br>
                    <span>密码：</span>
                    <br>
                    <input type="password" name="password" placeholder="密码">
                    <br>
                    <button>登录</button>
                    <br>
                    <a href="../html/index.html"></a>
                </form>
                <div class="bottom">
                    <a href="#" class="link" target="_blank">忘了密码？</a>
                    <span class="dotted">|</span>
                    <a href="zhuce.html" class="link" target="_blank">注册新帐号</a>
                    <span class="dotted">|</span>
                    <a class="link" href="#" target="_blank">意见反馈</a>
                </div>
            </div>
            <h1></h1>
            <div class="div_bottom">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="list.html">限时折扣</a></li>
                    <li><a href="list.html">聚豆抵扣</a></li>
                    <li><a href="list.html">定制专区</a></li>
                    <li><a href="list.html">聚发现</a></li>
                </ul>
                <span class="fenlei">全部商品分类</span>
                <i class="iconfont">&#xe60d;</i>
            </div>
            <div class="top-submenu" style="display: none;">
                <div class="mid clearfix">
                    <ul class="submenu-ul">
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175902_45069.png" alt="图标">
                                <p>服饰鞋帽</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="#">卫衣/外套</a></li>
                                <li><a href="#">T恤</a></li>
                                <li><a href="#">袜子</a></li>
                                <li><a href="#">裤子</a></li>
                                <li><a href="#">鞋子</a></li>
                                <li><a href="#">帽子</a></li>
                                <li><a href="#">服饰配件</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175852_81240.png" alt="图标">
                                <p>玩具毛绒</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">公仔</a></li>
                                <li><a href="">抱枕</a></li>
                                <li><a href="">手办</a></li>
                                <li><a href="">雕塑</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175844_41996.png" alt="图标">
                                <p>数码配件</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">手机壳</a></li>
                                <li><a href="">充电宝</a></li>
                                <li><a href="">鼠标垫/鼠标</a></li>
                                <li><a href="">U盘</a></li>
                                <li><a href="">数据线</a></li>
                                <li><a href="">打火机</a></li>
                                <li><a href="">无线充电器</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175825_51608.png" alt="图标">
                                <p>生活用品</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">杯子</a></li>
                                <li><a href="">钥匙扣</a></li>
                                <li><a href="">伞</a></li>
                                <li><a href="">眼罩/耳罩</a></li>
                                <li><a href="">美妆个护</a></li>
                                <li><a href="">其它</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175757_92212.png" alt="图标">
                                <p>箱包收纳</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">双肩包</a></li>
                                <li><a href="">单肩包</a></li>
                                <li><a href="">收纳包</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175748_45464.png" alt="图标">
                                <p>首饰配饰</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">手链</a></li>
                                <li><a href="">项链</a></li>
                                <li><a href="">挂件</a></li>
                                <li><a href="">戒指</a></li>
                                <li><a href="">其它</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175738_59817.png" alt="图标">
                                <p>文具图书</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">笔记本</a></li>
                                <li><a href="">胶带/贴纸</a></li>
                                <li><a href="">文件夹</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175600_37464.png" alt="图标">
                                <p>休闲零食</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">糖/巧克力</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175445_45354.png" alt="图标">
                                <p>海报艺术</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">画册</a></li>
                                <li><a href="">海报</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175314_71961.png" alt="图标">
                                <p>其它</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">纪念币</a></li>
                                <li><a href="">礼盒</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </main>
    </header>
    <section>
        <main>
            <div class="comm-tit">
                <a href="index.html" class="index-link">商城首页&gt;</a>
                <a href="" class="index-link ml5">服饰毛绒&gt;</a>
                <a href="" class="index-link ml5">卫衣&amp;夹克&gt;</a>
                <em>悠米卫衣</em>
            </div>
            <div class="shop">
                <div class="magnifier" id="magnifier1">
                    <div class="magnifier-container">
                        <div class="images-cover"></div>
                        <!--当前图片显示容器-->
                        <div class="move-view"></div>
                        <!--跟随鼠标移动的盒子-->
                    </div>
                    <div class="magnifier-assembly">
                        <div class="magnifier-btn">
                            <span class="magnifier-btn-left">&lt;</span>
                            <span class="magnifier-btn-right">&gt;</span>
                        </div>
                        <!--按钮组-->
                        <div class="magnifier-line">
                            <ul class="clearfix animation03">
                                <li>
                                    <div class="small-img">
                                        <img src="../images/f31.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div class="small-img">
                                        <img src="../images/f32.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div class="small-img">
                                        <img src="../images/f33.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div class="small-img">
                                        <img src="../images/f34.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <div class="small-img">
                                        <img src="../images/f35.jpg" alt="">
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!--缩略图-->
                    </div>
                    <div class="magnifier-view"></div>
                    <!--经过放大的图片显示容器-->
                </div>
                <div class="div_right">
                    <h3>悠米卫衣</h3>
                    <div class="d_price">
                        <span class="str">￥<strong>270.00</strong></span>
                    </div>
                    <div class="pord-detailbox">
                        <div class="f1 pord-sold">已售：<span>1110</span></div>
                    </div>
                    <div>
                        <div class="mt10 pord-color pord-sellist clearfix">
                            <label class="fl">颜色</label>
                            <ul class="f1 ml28">
                                <li attrid="87" class="current1 " style="overflow:hidden;">
                                    <div class="pord-selbox">彩色</div>
                                </li>
                            </ul>
                        </div>
                        <div class="mt10 pord-color pord-sellist clearfix">
                            <ul class="f1 ss">
                                <label class="f1 a">尺码</label>
                                <li class="current" id="1">
                                    <div class="pord-selbox">XS</div>
                                </li>
                                <li class="" id="2">
                                    <div class="pord-selbox">S</div>
                                </li>
                                <li class="" id="3">
                                    <div class="pord-selbox">M</div>
                                </li>
                                <li class="" id="4">
                                    <div class="pord-selbox">L</div>
                                </li>
                                <li class="" id="5">
                                    <div class="pord-selbox">XL</div>
                                </li>
                                <li class="" id="6">
                                    <div class="pord-selbox">XXL</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="blk_detail_main_btn">
                        <div class="f1 jiajian">
                            <label class="f1 ab">数量</label>
                            <a href="javascript:;" class="f1 num-plus">-</a>
                            <input type="text" size="2" maxlength="3" class="f1 nummidbtn" value="1">
                            <a href="javascript:;" class="f1 num-minus">+</a>
                            <span class="pord-stock">（库存充足）</span>
                        </div>
                        <div class="pord-btn">

                            <a id="add" href="javascript:;" class="f1 joincart-btn">加入购物车</a>
                            <a id="gm" href="javascript:;" class="f1 ml30 buy-btn">立即购买</a>
                            <a href="javascript:;" class="f1 btn-collect">
                                <i class="ico-detail ico-collect"></i>
                                <span>收藏</span>
                            </a>
                            <a href="javascript:;" class="f1 btn-collected" style="display: none">
                                <i class="ico-detail ico-collect"></i>
                                <span>已收藏</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </section>
    <div class="jq22-container">
        <div class="tabs">
            <input type="radio" id="tab1" name="tab-control" checked>
            <input type="radio" id="tab2" name="tab-control">
            <input type="radio" id="tab3" name="tab-control">
            <ul>
                <li title="商品详情">
                    <label for="tab1" role="button">
                        <span>商品详情</span>
                    </label>
                </li>
                <li title="用户点评(1)">
                    <label for="tab2" role="button">
                        <span>用户点评(1)</span>
                    </label>
                </li>
                <li title="联系商家">
                    <label for="tab3" role="button">
                        <span>联系商家</span>
                    </label>
                </li>
            </ul>

            <div class="slider">
                <div class="indicator"></div>
            </div>
            <div class="content">
                <section>
                    <div class="pordcont">
                        <!--单品详情参数-->
                        <div class="parameter">
                            <ul>
                                <li>
                                    <label class="fl">商品名称：</label>
                                    <span class="fl par-name">悠米卫衣</span>
                                </li>
                                <li>
                                    <label class="fl">店铺：</label>
                                    <span class="fl">聚诚品英雄联盟周边商城</span>
                                </li>
                                <li>
                                    <label class="fl">上架时间：</label>
                                    <span class="fl mr70">2021-04-12</span>
                                </li>
                                <li>
                                    <label class="fl">商品毛重：</label>
                                    <span class="fl">200g</span>
                                </li>
                                <li>
                                    <label class="fl">商城：</label>
                                    <span class="fl mr70">聚诚品商城</span>
                                </li>
                                <li>
                                    <label class="fl">周边分类：</label>
                                    <span class="fl mr70">
                                        服饰毛绒
                                        /卫衣&amp;夹克
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <!--单品详情图-->
                        <div class="detailbox">
                            <p><img src="../images/f3-1.jpg"></p>
                            <p><img src="../images/f3-2.jpg"></p>
                            <p><img src="../images/f3-3.jpg" alt=""></p>
                        </div>
                    </div>
                </section>
                <section>
                    <img class="dp" src="../images/dp1.png" alt="">
                    <img class="dp" src="../images/dp2.png" alt="">
                </section>
                <section>
                    <div id="blk_detail_tab_supplier" class="pordcont pord-contact" style="display: block;">
                        <dl class="contact-company">
                            <dt>商家：聚诚品英雄联盟周边商城</dt>
                            <dd>
                                <div></div>
                            </dd>
                        </dl>
                        <dl class="contact-method">
                            <dt>商家联系方式</dt>
                            <dd>
                                <div>电话：(010)52205682</div>
                                <div>ＱＱ：0</div>
                                <div>微信：暂无</div>
                                <div class="contact-service">
                                    <a target="" href="javascript:;" id="onlineServiceDetail619">联系客服</a>
                                </div>
                            </dd>
                        </dl>
                        <dl class="contact-time">
                            <dt>商家服务时间</dt>
                            <dd>
                                <div>在线时间：周一至周日（节假日均可），每天上午09:00-晚上24:00</div>
                                <div class="concat-notice"></div>
                            </dd>
                        </dl>
                        <!-- 商业证照信息 -->
                        <dl class="contact-company">
                            <dt>经营者证照信息</dt>
                            <dd>
                                <div>
                                    <a href="javascript:;" onclick="certificate(`lol`,`619`)" class="btn-licence"
                                        title="查看证照信息" id="certificate">查看证照信息</a>
                                </div>
                                <div id="blk_certificate_info"> </div>
                            </dd>
                        </dl>
                    </div>
                </section>
            </div>
        </div>

    </div>
    <footer>
        <main>
            <div class="div_top">
                <div class="div_in">
                    <a href="">
                        <img src="../images/djc_logo.png" alt="">
                    </a>
                </div>
                <ul class="ul1">
                    <li><a href=""><span class="iconfont icon-qianbao"></span>购物指南</a></li>
                    <li><a href=""><span class="iconfont icon-peisong2"></span>配送方式</a></li>
                    <li><a href=""><span class="iconfont icon-tubiao1shuxiaoshuo"></span>常见操作</a></li>
                    <li><a href=""><span class="iconfont icon-05"></span>售后服务</a></li>
                    <li><a href=""><span class="iconfont icon-duihuakuang1"></span>关于我们</a></li>
                </ul>
                <ul class="ul2">
                    <li>
                        <img src="../images/jcp_gzh.jpg" alt="">
                        <p>聚诚品公众号</p>
                    </li>
                    <li>
                        <img src="../images/djc_gzh.jpg" alt="">
                        <p>道聚城公众号</p>
                    </li>
                    <li class="last_li">
                        <img src="../images/djc_app.png" alt="">
                        <p>掌上道聚城</p>
                    </li>
                </ul>
            </div>
            <div class="div_center">
                <p>
                    <a href="">腾讯互动娱乐</a> |
                    <a href="">服务条款</a> |
                    <a href="">腾讯游戏隐私保护指引</a> |
                    <a href="">腾讯游戏儿童隐私保护指引</a> |
                    <a href="">广告服务</a> |
                    <a href="">腾讯游戏招聘</a> |
                    <a href="">腾讯游戏客服</a> |
                    <a href="">游戏地图</a> |
                    <a href="">成长守护平台</a> |
                    <a href="">商务合作</a> |
                    <a href="">网站导航</a>
                </p>
                <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p><a href="">腾讯公司 版权所有</a></p>
            </div>
            <div class="div_bottom">
                <a href=""><img src="../images/gswj.png" alt="">工商网监电子标识
                </a>
            </div>
        </main>
    </footer>
</body>
<script src="../js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../js/xiangqing.js"></script>
<script src="../js/index.js"></script>
<script src="../js/denglu.js"></script>
<script type="text/javascript">
    $(function () {
        var magnifierConfig = {
            magnifier: "#magnifier1",//最外层的大容器
            width: 460,//承载容器宽
            height: 440,//承载容器高
            moveWidth: 230,//如果设置了移动盒子的宽度，则不计算缩放比例
            zoom: 2//缩放比例
        };
        var _magnifier = magnifier(magnifierConfig);
    });
</script>

</html>